<template>
<!-- 优惠券单元格 -->
<van-coupon-cell
  :coupons="coupons"
  @click="showList = true"
/>
<!-- 优惠券列表 -->
<van-popup
  v-model:show="showList"
  round
  position="bottom"
  style="height: 90%; padding-top: 4px;"
>
  <van-coupon-list 
    :coupons="coupons"  
    :disabled-coupons="disabledCoupons"
  />
</van-popup>
</template>

<script setup >
import { ref } from 'vue';
import { userinfo,userupdate,preferential,Notpreferential } from '@/api/userinfo';
// 可用优惠卷
    const coupons = ref([]);
//不可用优惠卷
    const disabledCoupons=ref([])

    const showList = ref(false);
  

  // 后端优惠卷数据查询
  const preferentiallist = async () => {
  const { data } = await preferential()
  console.log(data);
  // 假设 elements 是一个包含多个元素的数组


  if(data.code==200){
    // 遍历 elements 数组
    data.data.forEach(element => {
      element.condition=element.remark
      element.name=element.preferentialName
      element.startAt = element.startDateTime
      element.endAt =element.endDateTime
      element.valueDesc=element.perferentialMoney
      element.reason=element.remark
      coupons.value=data.data
}
  );

  

  }
}
preferentiallist()




  

  // 后端优惠卷数据查询
  const preferentialnot = async () => {
  const { data } = await Notpreferential()
  console.log(data);
  // 假设 elements 是一个包含多个元素的数组

  if(data.code==200){
    // 遍历 elements 数组
    data.data.forEach(element => {
      element.condition=element.remark
      element.name=element.preferentialName
      element.startAt = element.startDateTime
      element.endAt =element.endDateTime 
      element.valueDesc=element.perferentialMoney
      element.reason=element.remark
      disabledCoupons.value=data.data
}
    );
  

  }
}
preferentialnot()
</script>